﻿<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Highcharts Example</title>

		
	</head>
	<body>

<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
        
		<script type="text/javascript">
		   

		        ReportTracking.Core.Ajax.CallServer('Services/Chart/PL2_Chart1.ashx', '', GetData, 'POST', false, 'json', 'application/json; charset=utf-8');
		        function GetData(data) {
		            try {

		                $('#quanlyspeed').css('display', 'block');
		                $(function () {
		                    $('#container').highcharts({
		                        chart: {
		                            plotBackgroundColor: null,
		                            plotBorderWidth: null,
		                            plotShadow: false
		                        },
		                        title: {
		                            text: data.Title
		                        },
		                        tooltip: {
		                            pointFormat: '{series.name}: <b>{point.percentage}%</b>',
		                            percentageDecimals: 1
		                        },
		                        plotOptions: {
		                            pie: {
		                                allowPointSelect: true,
		                                cursor: 'pointer',
		                                dataLabels: {
		                                    enabled: true,
		                                    color: '#000000',
		                                    connectorColor: '#000000',
		                                    formatter: function () {
		                                        return '<b>' + this.point.name + '</b>: ' + this.percentage + ' %';
		                                    }
		                                }
		                            }
		                        },
		                        series: data.Values
		                    });
		                });
		            }
		            catch(e) {
		                alert('');
		            } 
		         }

		        /*var jValue = [{
		        type: 'pie',
		        name: 'Browser share',
		        data: [
		        ['Firefox', 45.0],
		        ['IE', 26.8],
		        {
		        name: 'Chrome',
		        y: 12.8,
		        sliced: true,
		        selected: true
		        },
		        ['Safari', 8.5],
		        ['Opera', 6.2],
		        ['Others', 0.7]
		        ]
		        }]*/

		   
            
		    

		  
        </script>
	</body>
</html>
